<!-- 设备管理列表 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui/css/icheck.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!-- easyui -->
<link rel="stylesheet" href="html/createOrder/jquery/easyui/themes/default/easyui.css">
<link rel="stylesheet" href="html/createOrder/jquery/easyui/themes/icon.css">
<style>
   .input-text{ 
    width:140px; 
   } 
   .text-l-dlf{
   	display:flex;
   	flex-wrap: wrap;
   }
   .text-l-dlf >div{
   	height: 31px;line-height: 31px;margin-bottom: 5px;margin-right: 5px;
   }
   .text-l-dlf >div:last-child{
   	margin-right: 0px;
   }
   .table{
   	word-break: keep-all;
   	white-space:nowrap;
   }
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>设备管理列表 </title>
</head>
<body>
	<!--主内容-->
	<div class="page-container">
		<div class="text-l-dlf">
			<div>
				设备型号:<input type="text" id="machineModel" class="input-text"
					style="width: 120px;">
			</div>
			<div>
				设备编号:<input type="text" id="machineSerialNo"
					class="input-text" style="width: 120px;">
			</div>
			<div>
				出厂日期:<input type="text" id="outTimeStart" class="input-text Wdate"
					style="width: 120px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  >
					-
					<input type="text" id="outTimeEnd" class="input-text Wdate"
					style="width: 120px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" >
			</div>
			<div>
				客户:<input type="text" id="buyer" class="input-text"
					style="width: 120px;">
			</div>
			<div>
				启用状态:<select class="input-text" size="1" style='width: 120px'
					id="status">
					<option value="-1" selected>请选择</option>
					<option value="1">启用</option>
					<option value="0">不启用</option>
				</select>
			</div>
			<div>
				<input class="btn btn-default" type="button" value="查询" id="search">
				<input class="btn btn-secondary" type="button" value="增加设备" id="addMachine">
			</div>
		</div>
	</div>
    <div id="attendanceClassDiv" class=" col-sm-12 mt-20">
    	<table id="attendanceClassTable" class="table table-border  table-bg table-hover table-bordered">
    		<thead>
              <tr>
                 <th>编号</th>
                 <th>关联订单</th>
                 <th>设备型号</th>
                 <th>设备编号</th>
                 <th>出厂日期</th>
                 <th>客户</th>
                 <th>创建时间</th>
                 <th>创建人</th>
                 <th>维修主管</th>
                 <th>维修技工</th>
                 <th>物联网卡编号</th>
                 <th>启用状态</th>
                 <th>二维码</th>
                 <th>操作</th>
              </tr>
          </thead>
          <tbody></tbody>
    	</table>
    </div>
<!-- 添加設備 -->
<div id="addMachine-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content radius">
			<div class="modal-header">
				<h3 class="modal-title">添加设备</h3>
				<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
			</div>
			<div class="modal-body" style='width:80%'>
				<form action="workOrder/addConfig" method="post" class="form form-horizontal" id="form-addMachine">
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">关联订单：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input id="factoryNoText" type="text" class="input-text" autocomplete="off" placeholder="关联订单" readOnly>
							<input id="connectOrder" name="orderNo" hidden>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备型号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='machineModel' placeholder="设备型号">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备编号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='machineSerialNo' placeholder="设备编号" >
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">出厂日期：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text Wdate" autocomplete="off" name='outTime' placeholder="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">客户：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='buyer' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修主管：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text"  name='serviceManager' autocomplete="off" placeholder="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修技工：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='serviceWorker' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">物联网卡编号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" style="width:339px" autocomplete="off" name='internetThingsCard' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">是否启用：</label>
						<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
							<select class="select" size="1" name="status">
								<option value="1">启用</option>
								<option value="0">禁用</option>
							</select>
							</span> </div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary" id="addMachineSubmit">保存</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
			</div>
		</div>
	</div>
</div>
<!-- 更新设备 -->
<div id="updateMachine-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content radius">
			<div class="modal-header">
				<h3 class="modal-title">更新设备</h3>
				<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
			</div>
			<div class="modal-body" style='width:80%'>
				<form action="workOrder/updateConfig" method="post" class="form form-horizontal" id="form-updateMachine">
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">关联订单：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input id="factoryNoText" type="text" class="input-text" autocomplete="off" placeholder="关联订单" readOnly>
							<input id="connectOrder" name="orderNo" hidden>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备型号：</label>
						<div class="formControls col-xs-8 col-sm-9">
						    <input type="text" class="input-text" autocomplete="off" name='id' placeholder="ID" hidden>
							<input type="text" class="input-text" autocomplete="off" name='machineModel' placeholder="设备型号" readonly>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备编号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='machineSerialNo' placeholder="设备编号" readonly>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">出厂日期：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text Wdate" autocomplete="off" name='outTime' placeholder="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">客户：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='buyer' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修主管：</label>
						<div class="formControls col-xs-8 col-sm-9">						
							<input  name='serviceManager' class="input-text" autocomplete="off">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修技工：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='serviceWorker' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">物联网卡编号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" style="width:339px" autocomplete="off" name='internetThingsCard' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">是否启用：</label>
						<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
							<select class="select" size="1" name="status" >
								<option value="1">启用</option>
								<option value="0">禁用</option>
							</select>
							</span> </div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary" id="updateMachineSubmit">更新</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
			</div>
		</div>
	</div>
</div>
<!-- 二维码 -->
<div id="qrcode-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content radius">
			<div class="modal-header">
				<h3 class="modal-title">二维码</h3>
				<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
			</div>
			<div class="modal-body" style='width:80%'>
				<div id="qrcodeDIV" style="width:200px;height:200px"></div>
				<img id='imgOne'  style='border:0px solid red;'/>
			</div>
		</div>
	</div>
</div>
<div id="easyui_dialog_index"></div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui/js/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
<!-- easyui -->
<script src="https://upload.shinehao.com.cn/20180816145716jquery.easyui.min.js"></script>
<script src="https://upload.shinehao.com.cn/20180816151727easyui-lang-zh_CN.js"></script>
<scirpt src="html/createOrder/jquery/jquery.form.min.js"></scirpt>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script src="js/plugin/jquery/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/workorderlist.js"></script> 
</body>
</html>